  <div class="padding-all">
	  <div ng-include src="'/ksr/partials/breadcrumb.htm'"></div>
	
	<div class="panel panel-default">
	  <div class="panel-heading">
	    <h3 class="panel-title capitalize" ng-if="mode=='edit'">{{mode}} office {{businessName}}/{{office.address.city}}</h3>
	    <h3 class="panel-title capitalize" ng-if="mode=='new'">{{mode}} office</h3>
	  </div>
	  <div class="panel-body">
		<form role="form" name="officeForm">
		  <div class="form-group">
		    <label>Address Line1 (required)</label>
		    <input type="text" class="form-control" ng-model="office.address.addressLine1" ng-required="true" placeholder="address line 1"/>
		  </div>
		  <div class="form-group">
		    <label>Address Line2 </label>
		    <input type="text" class="form-control" ng-model="office.address.addressLine2" placeholder="address line 2"/>
		  </div>
		  
		  <div class="form-group">
		    <label>City (required)</label>
		    <input type="text" class="form-control" ng-model="office.address.city" ng-required="true" placeholder="city"/>
		  </div>
		  <div class="form-group">
		    <label>State (required)</label>
		    <input type="text" class="form-control" ng-model="office.address.state" ng-required="true" placeholder="state"/>
		  </div>
		  <div class="form-group">
		    <label>Zip (required)</label>
		    <input type="text" class="form-control" ng-model="office.address.zip" ng-required="true" placeholder="zip"/>
		  </div>
    
		  <div class="form-group">
		    <label>Email (required)</label>
		    <input type="email" class="form-control" ng-model="office.emailAddress" ng-required="true" placeholder="Enter email"/>
		  </div>
		  <div class="form-group">
		    <label>Phone (required)</label>
		    <input type="tel" class="form-control" ng-model="office.phoneNumber" ng-required="true" placeholder="Enter phone number"/>
		  </div>
		  <div class="form-group">
		    <label>Specialty (required)</label>
		    <input type="text" class="form-control" ng-model="office.specialty" ng-required="true"  placeholder="Enter specialty"/>
		  </div>
		  <div class="form-group">
		    <label>Price ($/h)</label>
		    <input type="text" class="form-control" ng-model="office.price" placeholder="Enter price"/>
		  </div>
		  <div class="form-group">
		    <label>Description (required)</label>
		    <textarea class="form-control" ng-model="office.description" ng-required="true"  placeholder="Enter description"></textarea>
		  </div>
		  
		  <button type="button" ng-click="submit();" ng-disabled="officeForm.$invalid" class="btn btn-default">Submit</button>
		  <a ng-href="#/overview" class="btn btn-default">Cancel</a>
		</form>
	  </div>
	</div>
	
	<!-- 
	<pre ng-bind="office | json"></pre>
	 -->
 </div>